<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
    <meta charset="UTF-8"/>
    <title> VAOI || Registro</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'/>
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Font Awesome Icons -->
    <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
    <!-- AdminLTE Skins -->
    <link href="../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
    		<script type="text/javascript" src="../alertify.js/lib/alertify.js"></script>
		<link rel="stylesheet" href="../alertify.js/themes/alertify.core.css" />
		<link rel="stylesheet" href="../alertify.js/themes/alertify.default.css" />
        <!-- jQuery 2.1.3 
    <script src="../plugins/jQuery/jQuery-2.1.3.min.js"></script>-->
	<h:outputScript library="primefaces" name="jquery/jquery.js" />
    <h:outputScript library="primefaces" name="jquery/jquery-plugins.js" />
    
  </h:head>
  <h:body class="skin-green">
    <!-- Site wrapper -->
    <div class="wrapper">
      
        <header class="main-header">
        <a class="logo"><b>VAOI</b></a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top" role="navigation">
          <!-- Sidebar toggle button-->
          <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <div class="navbar-custom-menu">
               <!-- User Account: style can be found in dropdown.less -->
               <ul class="nav navbar-nav">
              <li class="dropdown user user-menu">             
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <img src="../dist/img/avatar5.png" class="user-image" alt="User Image"/>
                  <span class="hidden-xs" id="usuario" title="#{usuariosView.usuario.codigoUsua}" >#{usuariosView.usuario.nombre}</span>
                </a>
                <ul class="dropdown-menu">
                  <!-- User image -->
                  <li class="user-header">
                    <img src="../dist/img/avatar5.png" class="img-circle" alt="User Image" />
                    <p>
                        #{usuariosView.usuario.rol}
                    </p>
                  </li>

                  <!-- Menu Footer-->
                  <li class="user-footer">
                    <div class="pull-left">
                      <a href="#" class="btn btn-default btn-flat">Menu</a>
                    </div>
                    <div class="pull-right">
                      <a href="../j_spring_security_logout" class="btn btn-default btn-flat">Salir</a>
                    </div>
                  </li>
                </ul>
              </li>
              </ul>
            </div>
        </nav>
      </header>

      <!-- =============================================== -->
      <!-- Left side column. contains the sidebar -->
      <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">

          <!-- sidebar menu: : style can be found in sidebar.less -->
          <ul class="sidebar-menu">
		  
            <li class="header" >Panel de Navegación</li>

             <li>
              <a href="./articulo.xhtml">
                <i class="fa fa-newspaper-o"></i> <span>Gestión Articulo</span>
              </a>
            </li> 

            <li>
              <a href="./categorias.xhtml">
                <i class="fa fa-bookmark"></i> <span>Gestión Categorias</span>
              </a>
            </li>   
                  
            <li>
              <a href="./coleccion.xhtml">
                <i class="fa fa-folder-o"></i> <span>Gestión Colección</span>
              </a>
            </li> 
            
             <li>
              <a href="./rss.xhtml">
                <i class="fa fa-rss-square"></i> <span>Gestión RSS</span>
              </a>
            </li> 
            
            <li>
              <a href="./modificarDatos.xhtml">
                <i class="fa fa-cog" style="color: aqua;"></i> <span >Modificar Usuario</span>
              </a>
            </li> 
			
          </ul>
        </section>
        <!-- /.sidebar -->
      </aside>

      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper" >
      <ui:insert name="body"/>
      </div><!-- /.content-wrapper -->
           
      <footer class="main-footer">
        <div class="pull-right hidden-xs">
          <b>Version</b> 1.0
        </div>
        <strong>Copyright 2015-2016 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
      </footer>
    </div><!-- ./wrapper -->

    
    <!-- Bootstrap 3.3.2 JS -->
    <script src="../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <!-- AdminLTE App -->
    <script src="../dist/js/app.min.js" type="text/javascript"></script>
  </h:body>
</html>
